<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">
    <!--    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />-->
    <title>Web_video_test</title>
    <style>
        body {
            text-align: center;
        }

        .title {
            font-size: 40px;
            text-align: center;
            font-weight: 800;
            margin: 40px auto;
        }

        .link {
            font-size: 30px;
            text-align: center;
            margin: 40px auto;
        }

        video{
            background-color: rgba(0, 0, 0, 0.6);       
        }

    </style>
</head>

<body>
    <div class="title">web组件加载html使用video source src 播放视频</div>
    
    <!-- <video width="640" height="480" controls="controls" muted="muted" autoplay="autoplay">
     <source src="vp8.webm" type="video/webm">
</video><br> -->

    <!--<audio src="houlai.mp3" autoplay="autoplay" controls="controls" loop="loop"></audio>-->
    <!-- </audio><br><br>-->
    <!--<img src="hunian.png" width="300" height="150"/>-->

    <!-- <video width="640" height="480" controls="controls" muted="muted" autoplay="autoplay">-->
    <!--     <source src="IPCC_PMI_Configuration.mp4" type="video/mp4">-->
    <!-- </video><br>-->
    <!-- <video width="640" height="480" controls="controls" muted="muted" autoplay="autoplay">-->
    <!--     <source src='blob:https://v.huya.com/653d1126-75bd-47d7-8b7d-9018127e7a36'>-->
    <!-- </video><br>-->
    <!-- <video width="640" height="480" controls="controls" muted="muted" autoplay="autoplay">-->
    <!--     <source src='file:///data/storage/el1/bundle/entry/myout.m3u8'>-->
    <!-- </video><br>-->
    <!-- <video width="800" height="640" controls="controls" muted="muted" autoplay="autoplay">-->
    <!--     <source src='https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8'>-->
    <!-- </video><br>-->
    <!-- <video width="640" height="480" controls="controls" muted="muted" autoplay="autoplay">-->
    <!--     <source src="file:///data/storage/el1/bundle/entry/vp8.webm" type="video/webm">-->
    <!--</video><br>-->
    <!-- <video width="640" height="480" controls="controls" muted="muted" autoplay="autoplay">-->
    <!--     <source src='https://hw-vod.cdn.huya.com/leaf/1048585/1199566795719/56084359/7765140_1cfe0e9019855969b7b9c34bcc9f029a_264_720_1.m3u8?hyvid=867019163&hyauid=1503392699&hyroomid=1503392699&hyratio=1300&hyscence=vod&appid=66&domainid=25&srckey=NjZfMjVfODY3MDE5MTYz&bitrate=1392&client=106&definition=1300&pid=1503392699&scene=vod&vid=867019163&u=0&t=100&sv=2305111121&dMod=mseh-185'>-->
    <!-- </video><br>-->
    <!-- <video width="640" height="480" controls="controls" muted="muted" autoplay="autoplay">-->
    <!--     <source src="https://f.video.weibocdn.com/o0/P6mTVhkmlx085PScrnY4010412004DI90E010.mp4?label=mp4_hd&template=540x960.24.0&ori=0&ps=4ub7gI97adQ&Expires=1685441784&ssig=3w%2BQCGKPKW&KID=unistore,video">-->
    <!--</video><br>-->

    <div class="link">hls视频测试地址:<br/>https://hw-vod.cdn.huya.com/leaf/1048585/xxx_1.m3u8</div>
    <video width="700" height="500" controls="controls" muted="muted" autoplay="autoplay">
         <source src='https://hw-vod.cdn.huya.com/leaf/1048585/1199566795719/56084359/7765140_1cfe0e9019855969b7b9c34bcc9f029a_264_720_1.m3u8?hyvid=867019163&hyauid=1503392699&hyroomid=1503392699&hyratio=1300&hyscence=vod&appid=66&domainid=25&srckey=NjZfMjVfODY3MDE5MTYz&bitrate=1392&client=106&definition=1300&pid=1503392699&scene=vod&vid=867019163&u=0&t=100&sv=2305111121&dMod=mseh-185'>
    </video><br>

<!--    <div class="link">hls视频测试地址:<br/>http://220.161.87.62:8800/hls/0/index.m3u8</div>-->
<!--    <video width="700" height="500" controls="controls" muted="muted" autoplay="autoplay">-->
<!--        <source src="http://220.161.87.62:8800/hls/0/index.m3u8" type="">-->
<!--    </video><br>-->

    <!-- 
    <video width="700" height="500" controls="controls" muted="muted" autoplay="autoplay">
        <source src='http://117.78.51.109:8080/MP4/1080i-mp4.mp4'>
    </video><br> -->

    <!--<video width="640" height="480" controls="controls" muted="muted" autoplay="autoplay">-->
    <!--    <source src='https://hw-vod.cdn.huya.com/leaf/1048585/1199566795719/56084359/7765140_1cfe0e9019855969b7b9c34bcc9f029a_264_720_1.m3u8?hyvid=867019163&hyauid=1503392699&hyroomid=1503392699&hyratio=1300&hyscence=vod&appid=66&domainid=25&srckey=NjZfMjVfODY3MDE5MTYz&bitrate=1392&client=106&definition=1300&pid=1503392699&scene=vod&vid=867019163&u=0&t=100&sv=2305111121&dMod=mseh-185'>-->
    <!--</video><br>-->

</body>

</html>